<template>
	<view>
		<view class="radio_box" v-for="(item, index) in options" :key="index">
			<template v-if="checked == item.name">
				<view :class="['iconfont', checked == item.name ? 'iconfont-e730' : 'iconfont-e72f']"></view>
				<view class="val">{{ item.name }}</view>
			</template>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		checked: {
			type: String,
			default: ''
		},
		options: {
			type: Array,
			default: []
		}
	},
	components: {},
	data() {
		return {};
	},

	mounted() {},

	methods: {}
};
</script>

<style scoped lang="scss">
.radio_box {
	display: flex;
	line-height: 50rpx;
	.iconfont{
		margin-right: 10rpx;
	}
	.iconfont-e730 {
		color: var(--color);
	}
	.iconfont-e72f {
		color: #333;
	}
}
</style>
